html,body   {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#table {
  /* table-layout: fixed; */
  width: 100%;
  border-collapse: separate;
}
#table thead th {
}
.table-container {
  width: 100%;
  overflow: auto;
}
.table-head-item {
  width: 120px;
  white-space: nowrap;
}
#table td {
  min-width: 100px;
}
.table-cell-item-td{
  width: 100%;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed{
    position: sticky;
    left: 0px;
}

  /* 重置表格默认样式 */
  .reset-table {
    border-collapse: collapse;
    width: 100%;
    border: none;
    padding: 0;
  }
  .reset-table th,
  .reset-table td {
    padding: 12px 16px; /* 自定义内边距 */
    border: 1px solid #eee; /* 自定义边框 */
    text-align: left;
  }
  .reset-table thead th {
    background: #f5f5f5; /* 表头背景色 */
    font-weight: bold; /* 表头字体加粗 */
  }
      table {
      border-collapse: collapse; /* 合并边框 */
      border-spacing: 0; /* 消除间距 */
      width: 100%;
      border: 1px solid #ccc; /* 可选：添加表格外边框 */
    }

    table td,
    table th {
      padding: 0; /* 去除内边距 */
      border: 1px solid #ccc; /* 可选：添加单元格边框 */
    }

    .table-cell-item-td.active{
        background: red;
        color: #ffff;
    }

    .o_p{
        opacity: 0;
    }